<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card shadow="never">
        <el-tabs v-model="activeName">
          <el-tab-pane label="企业信息" name="first">
            <el-form ref="form" :model="formData" label-width="200px">
              <el-form-item label="公司名称">
                <el-input v-model="formData.name" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="公司地区">
                <el-input v-model="formData.companyArea" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="公司地址">
                <el-input v-model="formData.companyAddress" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="审核状态">
                <el-input v-model="formData.state" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="营业执照">
                <el-input
                  v-model="formData.businessLicenseId"
                  disabled style="width:400px"
                ></el-input>
              </el-form-item>
              <el-form-item label="法人代表">
                <el-input
                  v-model="formData.legalRepresentative"
                  disabled style="width:400px"
                ></el-input>
              </el-form-item>
              <el-form-item label="公司电话">
                <el-input v-model="formData.companyPhone" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="邮箱">
                <el-input v-model="formData.mailbox" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="公司规模">
                <el-input v-model="formData.companySize" disabled style="width:400px"></el-input>
              </el-form-item>
              <el-form-item label="备注">
                <el-input type="textarea" v-model="formData.remark" ></el-input>
              </el-form-item>
              <el-form-item style="text-align:center">
                <el-button type="primary">审核</el-button>
                <el-button>拒绝</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="账户信息" name="second">配置管理</el-tab-pane>
          <el-tab-pane label="交易记录" name="third">角色管理</el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>

<script>
import { detail } from "@/api/base/saasClients";
export default {
  name: "saas-clients-table-index",
  data() {
    return {
      formData: {},
      activeName:'first'
    };
  },
  methods: {
    // 获取列表数据
    showDetail(id) {
      detail({ id: id }).then((res) => {
        this.formData = res.data.data;
      });
    },
  },
  // 创建完毕状态
  created() {
    var id = this.$route.params.id;
    this.showDetail(id);
  },
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.alert {
  margin: 10px 0px 0px 0px;
}
.pagination {
  margin-top: 10px;
  text-align: right;
}
</style>
